<template>
    <div class="collapse">
        <slot></slot>
    </div>
</template>

<script lang="ts">
  import Vue from "vue";
  import {Component, Provide, Prop} from "vue-property-decorator";

  @Component
  export default class Collapse extends Vue {
    @Prop({type: Boolean, default: false}) single: boolean;
    eventsBus: any = this.single?new Vue():null;
    @Provide() eventBus = this.eventsBus;

  }
</script>

<style lang="scss" scoped>
    $border-color: #ddd;
    $border-radius: 4px;
    .collapse {
        border-radius: $border-radius;
        border: 1px solid $border-color;
    }
</style>